<template>
    <el-container>
        <el-header>
            <h1>前端复习文档</h1>
        </el-header>
        <el-container>
            <el-aside width="200px">
                <ol>
                    <li>
                        <h4><router-link class="router-active" to="/web-html">html,http,web基础</router-link></h4>
                    </li>
                    <ul>
                        <li>
                            <h5><router-link class="router-active" to="/web-html/9-13">9-13日复习知识</router-link></h5>
                        </li>
                    </ul>
                    <li>
                        <h3><router-link class="router-active" to="/web-css">css篇</router-link></h3>
                    </li>
                    <li>
                        <h3><router-link class="router-active" to="/web-js">js篇</router-link></h3>
                    </li>
                </ol>
                <!-- aside -->
            </el-aside>
            <el-main>
                <!-- <router-view /> -->
                main
            </el-main>
        </el-container>
    </el-container>
</template>

<script>
export default {

}
</script>

<style>
li {
    text-align: left;
}
.router-active{
    text-decoration: none;
    color: #2c3e50;
}
</style>